<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery UI 自动完成（Autocomplete） - 默认功能</title>
    <link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
    <script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>

    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>


    <link rel="stylesheet" href="jqueryui/style.css">
    <script>

        var data = [];
        $(function() {

            _lis = $('.company-list li');
            $(_lis).each(function (i,e) {
                data[i] = this.innerHTML;
            })


            var availableTags = [
                "ActionScript",
                "AppleScript",
                "Asp",
                "BASIC",
                "C",
                "C++",
                "Clojure",
                "COBOL",
                "ColdFusion",
                "Erlang",
                "Fortran",
                "Groovy",
                "Haskell",
                "Java",
                "JavaScript",
                "Lisp",
                "Perl",
                "PHP",
                "Python",
                "Ruby",
                "Scala",
                "Scheme"
            ];

            $( "#tags" ).autocomplete({
                source: data,
                appendTo: "#tags",
            });
        });
    </script>
</head>
<body>


<form>

    <div class="form-group">
        <label for="exampleInputPassword1">姓名</label>
        <input type="member_name" class="form-control">
    </div>

    <div class="form-group">
        <label for="exampleInputEmail1">手机号码</label>
        <input type="member_mobile" class="form-control" >
    </div>

    <div class="form-group">

        <div class="radio">
            <label class="radio-inline">
                <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 1
            </label>
            <label class="radio-inline">
                <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 2
            </label>
        </div>
    </div>


    <div class="form-group" id="company">
        <label for="exampleInputEmail1">公司名称</label>
        <input id="tags" type="text" name="member_company" class="form-control" >

        <ul class="company-list" style="display: none">

            <li>贝米商贸</li>
            <li>腾讯科技有限责任公司</li>
            <li>万科集团</li>
            <li>百度科技有限责任公司</li>
            <li>贝吉塔科技</li>
            <li>赛格国际购物中心</li>
            <li>赛格国际购物中心</li>
            <li>赛格国际购物中心</li>
            <li>赛格国际购物中心</li>
            <li>赛格国际购物中心</li>
            <li>赛格国际购物中心</li>
            <li>赛格国际购物中心</li>
            <li>赛格国际购物中心</li>
            <li>赛格国际购物中心</li>
            <li>赛格国际购物中心</li>
            <li>赛格国际购物中心</li>
            <li>赛格国际购物中心</li>
            <li>赛格国际购物中心</li>
            <li>赛格国际购物中心</li>
            <li>赛格国际购物中心</li>
            <li>赛格国际购物中心</li>
            <li>赛格国际购物中心</li>
            <li>赛格国际购物中心</li>
            <li>赛格国际购物中心</li>
            <li>赛格国际购物中心</li>
            <li>赛格国际购物中心</li>
            <li>赛格国际购物中心</li>
            <li>赛格国际购物中心</li>
            <li>赛格国际购物中心</li>
            <li>赛格国际购物中心</li>
            <li>赛格国际购物中心</li>

        </ul>
    </div>
    <!--<button type="submit" class="btn btn-default">Submit</button>-->
</form>



</body>
</html>